<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程训练</title>
</head>
<body>
    <div class="main">
        <video id="videos" style="width: 100%; height: 100%;" autoplay muted></video>
        <div class="caption">
            <h3><span id="cur_index"></span>/<span id="count_index"></span></h3>
            <p id="cur_itme">胯关节环绕</p>
        </div>
    </div>
    <!-- 控制器 -->
    <div class="control">
        <div class="progress-bar">
            <div id="progress"></div>
        </div>
        <a class="iconfont icon-shangyijie" id="prev"></a>
        <a class="iconfont icon-zantingtingzhi" id="suspend"></a>
        <a class="iconfont icon-shangyijie1" id="next"></a>
    </div>

    <!-- 蒙尘 -->
    <div class="quit">
        <!-- 继续 -->
        <div class="continue">
            <i class="iconfont icon-bofang1"></i>
            <p>继续训练</p>
        </div>
        <!-- 结束 -->
        <div class="end">
            <i class="iconfont icon-exit"></i>
            <p>结束训练</p>
        </div>
    </div>
</body>
</html>